﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="UI.index" %>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" href="images/icons/logologo.png"/>
        <title>vacayhome</title>

        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Custom styles for this template -->
        <link href="css/style.css" rel="stylesheet">
        <link href="fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
        <link rel="stylesheet" href="css/lightbox.min.css">
        <link href="css/responsive.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
        <script src="js/instafeed.min.js" type="text/javascript"></script>
        <script src="js/custom.js" type="text/javascript"></script>
		<style type="text/css">
			
		</style>
    </head>
    <body>
    	
        <div id="page">
            <!---header top---->
            <div class="top-header">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <!--                            <a href="#"> </a>
                                                        <div class="info-block"><i class="fa fa-map"></i>701 Old York Drive Richmond USA.</div>-->
                        </div>
                        <div class="col-md-6">
                            <div class="social-grid">
                                <ul class="list-unstyled text-right">
                                	<li><a href="Login.aspx">登录</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="registered.aspx">注册</a></li>
                                    
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--header--->
            <header class="header-container">
                <div class="container">
                    <div class="top-row">
                        <div class="row">
                            <div class="col-md-2 col-sm-6 col-xs-6">
                                <div id="logo">
                                    <!--<a href="index.html"><img src="images/logo.png" alt="logo"></a>-->
                                    <a href="index.aspx"><img src="images/logologo.png" width="130" height="130"/></a>
                                </div>                       
                            </div>
                            <div class="col-sm-6 visible-sm">
                                <div class="text-right"><button type="button" class="book-now-btn">Book Now</button></div>
                            </div>
                            <div class="col-md-8 col-sm-12 col-xs-12 remove-padd">
                                <nav class="navbar navbar-default">
                                    <div class="navbar-header page-scroll">
                                        <button data-target=".navbar-ex1-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>

                                    </div>
                                    <div class="collapse navigation navbar-collapse navbar-ex1-collapse remove-space">
                                        <ul class="list-unstyled nav1 cl-effect-10">
                                            <li><a  data-hover="首页" class="active"><span>首页</span></a></li>
                                            <li><a data-hover="所有商品"  href="abount.aspx"><span>所有商品</span></a></li>
                                            <li><a data-hover="幸运揭晓"  href="Luck.aspx"><span>幸运揭晓</span></a></li>
                                            <li><a data-hover="新手指南" href="NewbieGuide.aspx"><span>新手指南</span></a></li>
                                            <li><a data-hover="购物车"  href="ShoppingCart.aspx"><span>购物车</span></a></li>
                                            
                                            <li><a data-hover="联系我们" href="contact.html"><span>联系我们</span></a></li>
                                        </ul>

                                    </div>
                                </nav>
                            </div>
                            <div class="col-md-2  col-sm-4 col-xs-12 hidden-sm">
                                 <%if (Session["name"] == null)
                                   {
                                       this.Label1.Text = "个人中心";
                                   }
                                   else
                                   {
                                       this.Label1.Text = Session["name"].ToString();
                                   } %>
                               <%--传姓名到个人主页的资料--%>
                                <% Session["ziliao"]=this.Label1.Text.Trim() ; %>
                                <div class="text-right"><button type="button" class="book-now-btn"><a href="Center.aspx">
                                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></a></button></div>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </header>


            <!--end-->
            <div id="myCarousel1" class="carousel slide" data-ride="carousel"> 
                <!-- Indicators -->

                <ol class="carousel-indicators">
                    <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel1" data-slide-to="1"></li>
                    <li data-target="#myCarousel1" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active"> <img src="images/zy1.png" style="width:100%; height: 500px" alt="First slide">
                        <div class="carousel-caption">
                            <!--<h1>vacayhome<br> spa & Resort</h1>-->
                        </div>
                    </div>
                    <div class="item"> <img src="images/pp.PNG" style="width:100%; height: 500px" alt="Second slide">
                        <div class="carousel-caption">
                            <!--<h1>vacayhome<br> spa & Resort</h1>-->
                        </div>
                    </div>
                    <div class="item"> <img src="images/oppo.png" style="width:100%; height: 500px" alt="Third slide">
                        <div class="carousel-caption">
                            <!--<h1>vacayhome<br> spa & Resort</h1>-->
                        </div>
                    </div>

                </div>
                <a class="left carousel-control" href="#myCarousel1" data-slide="prev"> <img src="images/icons/left-arrow.png" onmouseover="this.src = 'images/icons/left-arrow-hover.png'" onmouseout="this.src = 'images/icons/left-arrow.png'" alt="left"></a>
                <a class="right carousel-control" href="#myCarousel1" data-slide="next"><img src="images/icons/right-arrow.png" onmouseover="this.src = 'images/icons/right-arrow-hover.png'" onmouseout="this.src = 'images/icons/right-arrow.png'" alt="left"></a>

            </div>
            <div class="clearfix"></div>

            <!--service block--->
            

            <!--gallery block--->
            <section class="gallery-block gallery-front">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="gallery-image">
                                <img class="img-responsive" src="images/huawei.jpg">
                                <div class="overlay">
                                    <a class="info pop example-image-link img-responsive" href="images/huawei.jpg" data-lightbox="example-1"><i class="fa fa-search" aria-hidden="true"></i></a>
                                    <p><a>huawei P20</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="gallery-image">
                                <img class="img-responsive" src="images/pingguo.jpg">
                                <div class="overlay">
                                    <a class="info pop example-image-link img-responsive" href="images/pingguo.jpg" data-lightbox="example-1"><i class="fa fa-search" aria-hidden="true"></i></a>
                                    <p><a href="商品详情页/IphoneX.aspx">&nbsp;&nbsp;iPhone XS</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="gallery-image">
                                <img class="img-responsive" src="images/vivo.jpg">
                                <div class="overlay">
                                    <a class="info pop example-image-link img-responsive" href="images/vivo.jpg" data-lightbox="example-1"><i class="fa fa-search" aria-hidden="true"></i></a>
                                    <p><a>&nbsp;&nbsp;&nbsp;Vivo X23 </a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="gallery-image">
                                <img class="img-responsive" src="images/sanxing.jpg">
                                <div class="overlay">
                                    <a class="info pop example-image-link img-responsive" href="images/sanxing.jpg" data-lightbox="example-1"><i class="fa fa-search" aria-hidden="true"></i></a>
                                    <p><a>Samsung S9</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!--offer block-->
            <section class="vacation-offer-block">
                <div class="vacation-offer-bgbanner">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-5 col-sm-6 col-xs-12">
                                <div class="vacation-offer-details">
                                    <h1>准时关注18：00</h1>
                                    <h4>那个幸运儿会是你吗？敬请期待</h4>
                                    <button type="button" class="btn btn-default">即将揭晓</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--End-->
            

            <!----resort-overview--->
            <section class="resort-overview-block">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-12 col-xs-12 remove-padd-right">
                            <div class="side-A">
                                <div class="product-thumb">
                                    <div class="image">
                                        <a><img src="images/yijia.png" class="img-responsive" alt="image"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="side-B">
                                <div class="product-desc-side">
                                    <h3><a>OnePlus 6T</a></h3>
                                    <p>OnePlus/一加 A6010 一加6T 高性能全面屏AI双摄超级夜景手机 全网通4G 双卡双待，一元参与，满3599人开奖！</p>
                                    <div class="links"><a href="商品详情页/一加6T.aspx">查看详情</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="col-md-6 col-sm-12 col-xs-12 remove-padd-left">
                            <div class="side-A">
                                <div class="product-thumb">
                                    <div class="image">
                                        <a><img alt="image" class="img-responsive" src="images/jianguo.jpg"></a>
                                    </div>
                                </div>
                            </div>
                            <div class="side-B">
                                <div class="product-desc-side">
                                    <h3><a>坚果 R1</a></h3>
                                    <p>SMARTISAN/锤子 坚果手机 全网通 坚果R1 4G 智能锤子坚果手机，一元参与，满3099人次开奖！</p>
                                    <div class="links"><a href="商品详情页/坚果R1.aspx">查看详情</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="col-md-6 col-sm-12 col-xs-12 remove-padd-right">
                            <div class="side-A">
                                <div class="product-desc-side">
                                    <<h3><a>MeiZu 16th</a></h3>
                                    <p>Meizu/魅族 16th骁龙845 超窄边框全面屏 屏下指纹解锁 双摄拍照旗舰手机，一元参与，满2698人次开奖！</p>
                                    <div class="links"><a href="商品详情页/MeizuTh.aspx">查看详情</a></div>
                                </div>
                            </div>

                            <div class="side-B">
                                <div class="product-thumb">
                                    <div class="image txt-rgt">
                                        <a class="arrow-left"><img src="images/mz.jpg" class="img-responsive" alt="imaga"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="col-md-6 col-sm-12 col-xs-12 remove-padd-left">
                            <div class="side-A">
                                <div class="product-desc-side">
                                	<h3><a>OPPO R17 Pro</a></h3>
                                    <p>R17 Pro灵动光圈将微弱的光汇成清晰明亮的画面,夜间拍照,让景色更清晰;超级闪充10分钟充至40%,看得到的电量增长，一元参与，满2999人次开奖！</p>
                                    <div class="links"><a href="商品详情页/OPPOR17.aspx">查看详情</a></div>
                                    
                                </div>
                            </div>

                            <div class="side-B">
                                <div class="product-thumb txt-rgt">
                                    <div class="image">
                                        <a class="arrow-left"><img src="images/r17.jpg" class="img-responsive" alt="imaga"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>

                    </div>
                </div>
            </section>

            <!-----blog slider----->
            <!--blog trainer block-->
            

            <!---blog block--->
            <section class="blog-block">
                <div class="container">
                    <div class="row offspace-45">
                        <div class="view-set-block">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="event-blog-image">
                                    <img alt="image" class="img-responsive" src="images/apple.png">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12 side-in-image">
                                <div class="event-blog-details">
                                    <h4><a href="single-blog.html">MacBook Air</a></h4>
                                    <h3>原价￥11099.00，现在一元拥有！</h3>
                                    <p>显示屏：13.3 英寸 (对角线) LED 背光显示屏 (采用 IPS 技术)；初始分辨率 2560 x 1600 (227 ppi)，支持数百万色彩</p>
                                    <p>处理器：1.6GHz 双核 Intel Core i5 (Turbo Boost 最高可达 3.6GHz)，配备 4MB 三级缓存</p>
                                    <p>存储：128GB PCIe 固态硬盘,可选配 256GB、512GB 或 1.5TB 固态硬盘</p>
                                    <p>内存:8GB 2133MHz LPDDR3 主板集成内存,可选配 16GB 内存</p>
                                    <p>键盘和触控板:78 个 (ANSI) 或 79 个 (ISO) 独立 LED 背光按键，包括 12 个功能键和 4 个方向键,环境光传感器,力度触控板可实现精准光标控制和压力感应功能；支持用力长按、加速控制、压力感应绘图和多点触控手势</p>
                                    <a class="btn btn-default" href="single-blog.html">即刻拥有</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row offspace-45">
                        <div class="view-set-block">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="event-blog-image">
                                    <img alt="image" class="img-responsive" src="images/wxr.jpg">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12 side-in-image">
                                <div class="event-blog-details">
                                    <h4><a href="single-blog.html">alienware ALIENWARE m15</a></h4>
                                    <h3>原价￥24999.00，现在一元拥有！</h3>
                                    <p>戴尔更纤薄的15英寸Alienware游戏笔记本电脑。电池续航时间出色，材料优质，性能强大。</p>
                                    <p>显示屏：15.6英寸 FHD (1920 x 1080) 144Hz IPS, 300-nits 72% color gamut, 窄边框 - Nebula 红色</p>
                                    <p>处理器：第八代智能英特尔® 酷睿™ i7-8750H (6-核, 9MB 缓存, 高达 4.1GHz 含 Turbo Boost)</p>
                                    <p>存储：512GB PCIe M.2 SSD + 512GB PCIe M.2 SSD</p>
                                    <p>内存:32GB 2x16GB DDR4-2666MHz,</p>
                                    
                                    <a class="btn btn-default" href="single-blog.html">即刻拥有</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="blog-block-slider">
                <div class="blog-block-slider-fix-image">
                    <div id="myCarousel2" class="carousel slide" data-ride="carousel">
                        <div class="container">
                            <!-- Wrapper for slides -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel2" data-slide-to="1"></li>
                                <li data-target="#myCarousel2" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <div class="blog-box">
                                        <p>在未来的大数据时代，我们必将强强联手，共创明天！</p>
                                    </div>
                                    <div class="blog-view-box">
                                        <div class="media">
                                            <div class="media-left">
                                                <img src="images/my1.png" class="media-object" width="200" height="200">
                                            </div>
                                            <div class="media-body">
                                                <h3 class="media-heading blog-title">马云</h3>
                                                <h5 class="blog-rev">阿里巴巴集团创始人</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="blog-box">
                                        <p>这是一个潮气蓬勃的网站，在未来市场有很大潜力，我相信未来一定是属于你们的</p>
                                    </div>
                                    <div class="blog-view-box">
                                        <div class="media">
                                            <div class="media-left">
                                                <img src="images/wsc1.png" class="media-object" width="200" height="200">
                                            </div>
                                            <div class="media-body">
                                                <h3 class="media-heading blog-title">王思聪</h3>
                                                <h5 class="blog-rev">北京普思投资董事长、万达集团董事</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="blog-box">
                                        <p>你们做的这么优秀，面临着俩个选择，一是被我收购，二是被我模仿</p>
                                    </div>
                                    <div class="blog-view-box">
                                        <div class="media">
                                            <div class="media-left">
                                                <img src="images/mht1.png" class="media-object" width="200" height="200" runat="server"/>
                                            </div>
                                            <div class="media-body">
                                                <h3 class="media-heading blog-title">马化腾</h3>
                                                <h5 class="blog-rev">腾讯公司董事会主席兼首席执行官</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </section>

            <!---footer--->
            <footer>
                <div class="container">
                    <div class="rowo">
                        <div class="col-md-3 col-sm-6 col-xs-12 width-set-50">
                            <div class="footer-details">
                                <h4>联系我们</h4>
                                <ul class="list-unstyled footer-contact-list">
                                    <li>
                                        <i class="fa fa-map-marker fa-lg"></i>
                                        <p>湖南省长沙市ZYL一元幸运购有限公司</p>
                                    </li>
                                    <li>
                                        <i class="fa fa-phone fa-lg"></i>
                                        <p><a href="tel:+1-202-555-0100">18888888888</a></p>
                                    </li>
                                    <li>
                                        <i class="fa fa-envelope-o fa-lg"></i>
                                        <p><a href="mailto:demo@info.com"> 1278338940@qq.com</a></p>
                                    </li>
                                </ul>
                                <div class="footer-social-icon">
                                    <a href="#"><i class="fa fa-qq"></i></a>
                                    <a href="#"><i class="fa fa-weixin"></i></a>                           
                                    <a href="#"><i class="fa fa-weibo"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                </div>
                                
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12 width-50 width-set-50">
                            <div class="footer-details">
                                <h4>目录一览</h4>
                                <ul class="list-unstyled footer-links">
                                    <li class="active"><a>首页</a></li>
                                    <li><a href="abount.aspx">所有商品</a></li>
                                    <li><a href="Luck.aspx">幸运揭晓</a></li>
                                    <li><a href="NewbieGuide.aspx">新手指南</a></li>
                                    <li><a href="ShoppingCart.aspx">购物车</a></li>
                                    <li> <a href="news.aspx">购物历史</a></li>
                                    <li> <a href="contact.aspx">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-12">
                        	<div id="dibu">
                        		<div class="footer-details">
                                <h4>一个专注于你的幸运的网站</h4>
                                <div class="row">
                                	<a href="index.aspx"><img src="images/logobai.png" width="300" height="300"/></a>
                                    <div class="instagram-images">
                                        <div id="instafeed"></div>
                                    </div>
                                </div>
                            </div>
                        	</div>
                            
                        </div>
                    </div>

                    <div class="copyright">
                        &copy; 2018 All right reserved. Designed by <a href="#" target="_blank">ThemeVault.</a> -  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">ZYL</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">一元云购</a>
                    </div>

                </div>
            </footer>

            <!--back to top--->
            <a style="display: none;" href="javascript:void(0);" class="scrollTop back-to-top" id="back-to-top">
                <span><i aria-hidden="true" class="fa fa-angle-up fa-lg"></i></span>
                <span>Top</span>
            </a>

        </div>
    </body>
</html>

